<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="./css/main.css">
  <link rel="stylesheet" href="./css/swiper.min.css">
  <link rel="stylesheet" href="./css/iconfont/iconfont.css">
  <title>首页</title>
</head>

<body>
  <!-- 头部 -->
  <div class="home-nav">
    <div class="l clear">
      <img src="./img/nav.png" alt="">
      <div class="title">
        <div>中职教师研修平台</div>
        <div>TEACHERS DEVELOPMENT</div>
      </div>
    </div>
    <ul class="home-list clear">
      <li >
        <a href="./home.html">
          首页
        </a>
      </li>
      <li>
        <a href="./curriculum.html">
          研修课程</a>
      </li>
      <li>
        <a href="./through.html">
          直通大赛</a>
      </li>
      <li class="on">
        <a href="./resources.html">教研资源</a>
      </li>
      <li>
        <a href="./class.html">听课评课</a>
      </li>
      <li>
        <a href="./dialogue.html">对话名师</a>
      </li>
    </ul>
    <!-- 搜索 -->
    <div class="home-search">
      <div class="l">
        <input type="text" placeholder="搜索">
        <i class="icon iconfont icon-icon-"></i>
      </div>
      <div class="home-sign r">
        登录
      </div>
    </div>

  </div>

  <div class="curroclum-wrap">
    <div class="all">
      <div class="nav">
        <ul id="resourcesNav">
          <li class="on">全部资源</li>
          <li>图书</li>
          <li>期刊</li>
          <li>专题</li>
        </ul>
      </div>
      <div id="allcurriculum">
        <div class="navtitle">
          <div class="title clear">
            <div class="l">
              <span class="resources-title">信息技术</span>
              <ul class="resources-ul">
                <li>教材编法 | 教法研究 | 其他</li>
              </ul>
            </div>
            <div class="r">
              <sapn>更多</sapn>
              <i class="icon iconfont icon-rightarrow"></i>
            </div>
          </div>
          <div class="list clear">
            <ul>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
            </ul>
          </div>
        </div>
        <div class="navtitle">
          <div class="title clear">
            <div class="l">师德师风</div>
            <div class="r">
              <sapn>更多</sapn>
              <i class="icon iconfont icon-rightarrow"></i>
            </div>
          </div>
          <div class="list clear">
            <ul>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
            </ul>
          </div>
        </div>
        <div class="navtitle">
          <div class="title clear">
            <div class="l">职教理论</div>
            <div class="r">
              <sapn>更多</sapn>
              <i class="icon iconfont icon-rightarrow"></i>
            </div>
          </div>
          <div class="list clear">
            <ul>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
            </ul>
          </div>
        </div>
        <div class="navtitle">
          <div class="title clear">
            <div class="l">专业知识</div>
            <div class="r">
              <sapn>更多</sapn>
              <i class="icon iconfont icon-rightarrow"></i>
            </div>
          </div>
          <div class="list clear">
            <ul>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
            </ul>
          </div>
        </div>
        <div class="navtitle">
          <div class="title clear">
            <div class="l">专业能力</div>
            <div class="r">
              <sapn>更多</sapn>
              <i class="icon iconfont icon-rightarrow"></i>
            </div>
          </div>
          <div class="list clear">
            <ul>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
            </ul>
          </div>
        </div>
        <div class="navtitle">
          <div class="title clear">
            <div class="l">管理能力</div>
            <div class="r">
              <sapn>更多</sapn>
              <i class="icon iconfont icon-rightarrow"></i>
            </div>
          </div>
          <div class="list clear">
            <ul>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div style="" id="curriculum">
          <div class="resources-nav clear">
            <ul id="secondNav">
              <li class="on">教材编法</li>
              <li>教法研究</li>
              <li>其他</li>
            </ul>
          </div>
        <div class="navtitle" style="clear: both;">
          <div class="list clear">
            <ul>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
              <li>
                <img src="./img/banner.png" alt="">
                <div class="list-titie">关注教师心理成长</div>
                <div class="list-c">刘晓明</div>
              </li>
            </ul>
          </div>
          <div class="paging clear">
            <div class="home on">首页</div>
            <div class="left">
              <i class="icon iconfont icon-sanjiaoxing-left"></i>
            </div>
            <ul>
              <li class="on">1</li>
              <li>1</li>
              <li>1</li>
            </ul>
            <div class="right on">
              <i class="icon iconfont icon-sanjiaoxing-right"></i>
            </div>
            <div class="tail">尾页</div>
          </div>
        </div>
      </div>
    </div>
    <div class="hot">
      <div class="title">热门课程</div>
      <div class="curriculum">
        <img src="./img/1.png" alt="" class="ranking">
        <img src="./img/banner.png" alt="">
        <div class="text">
          <div>科学与人生</div>
          <div>杨文采</div>
        </div>
      </div>
      <div class="curriculum">
        <img src="./img/2.png" alt="" class="ranking">
        <img src="./img/banner.png" alt="">
        <div class="text">
          <div>科学与人生</div>
          <div>杨文采</div>
        </div>
      </div>
      <div class="curriculum">
        <img src="./img/3.png" alt="" class="ranking">
        <img src="./img/banner.png" alt="">
        <div class="text">
          <div>科学与人生</div>
          <div>杨文采</div>
        </div>
      </div>
    </div>
  </div>

  <!-- 底部 -->
  <div class="footer-wrap">
      <div class="footer clear">
        <div class="platform home-nav">
          <div class="l clear">
            <img src="./img/nav.png" alt="">
            <div class="title">
              <div>中职教师研修服务平台</div>
              <div>TEACHERS DEVELOPMENT</div>
            </div>
          </div>
          <div class="bottom">
            <li>Copyright©超星</li>
            <li>客服电话：010—51665380</li>
            <li>京ICP备：10040544号</li>
            <li>
              <img src="./img/g.png" alt="" style="position: relative;top: 3px;"> 京公网安备 11010802021885号</li>
          </div>
        </div>
        <div class="list" style="margin-left: 68px">
          <a href="./curriculum.html">
            <div class="title">研修课程</div>
          </a>
          <ul>
            <li>信息技术</li>
            <li>师德师风</li>
            <li>职教理论</li>
            <li>专业知识</li>
            <li>专业能力</li>
            <li>管理能力</li>
          </ul>
        </div>
        <div class="list" style="margin-left: 65px">
          <a href="./through.html">
            <div class="title">直通大赛</div>
          </a>
          <ul>
            <li>超星2018第二届</li>
            <li>移动教学大赛</li>
          </ul>
        </div>
        <div class="list" style="margin-left: 57px">
          <a href="./resources.html">
            <div class="title">教研资源</div>
          </a>
          <ul>
            <li>图书</li>
            <li>期刊</li>
            <li>专题</li>
          </ul>
        </div>
        <div class="list" style="margin-left: 34px">
          <a href="./class.html">
            <div class="title">听课评课</div>
          </a>
          <ul>
            <li>优势</li>
            <li>用法</li>
            <li>评价</li>
            <li>结果</li>
          </ul>
        </div>
        <div class="list" style="margin-left: 39px">
          <a href="./dialogue.html">
            <div class="title">对话名师</div>
          </a>
          <ul>
            <li>名师简介</li>
            <li>主题简介</li>
          </ul>
        </div>
        <div class="qrcode">
          <img src="./img/qrcodr.png" alt="">
          <div>下载学习通</div>
        </div>
  
      </div>
    </div>
  <!-- <div style="height: 500px;width: 100%;"></div> -->
  <script src="./js/swiper.min.js"></script>
  <script src="./js/jquery-3.3.1.min.js"></script>
  <script>
    $("#secondNav li").click(function(){
      $(this).addClass("on").siblings().removeClass("on");
    });
    $("#resourcesNav li").click(function () {
      // 点全部 显示全部
      if ($(this).index() === 0) {
        $("#allcurriculum").show();
        $("#curriculum").hide();
      } else {
        $("#allcurriculum").hide();
        $("#curriculum").show();
      }
      $(this).addClass("on").siblings().removeClass("on");
    })
  </script>

</body>

</html>